﻿<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="register.aspx.vb" Inherits="georgia_globaltp.register" %>
<%@ Register TagPrefix="header" TagName="georgia_header" Src="../webControls/georgia_header.ascx" %>
<%@ Register TagPrefix="foot" TagName="georgia_foot" Src="../webControls/georgia_foot.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Register</title>
<link rel="stylesheet" type="text/css" href="../assets/global_cn.css" />
<link rel="shortcut icon" type="image/x-icon" href="../assets/GeorgiaOrgFavicon.ico"/>

    <script type="text/javascript" src="../assets/js/dojoroot/dojo/dojo.js" djConfig="parseOnLoad:false">
    </script>
    <style type="text/css">
        .style1
        {
            width:130px;
        }
        .style3
        {
            width: 184px;
        }
        .style6
        {
            width: 278px;
        }
        </style>
        <script type="text/javascript" src="../assets/js/countries.js" ></script>
        <script type="text/javascript">
            function init() {

                renderCountries();
                dojo.addOnLoad(function () {
                    dojo.connect(document.form2.country, "change", renderStates);
                });
            };
            function renderCountries() {
                var temp = '';
                for (var i in countries) {
                    temp = '<OPTION value="' + countries[i].id + '">' + countries[i].id + '</OPTION>';
                    dojo.place(temp, dojo.byId("country"), "last");
                   
                }
            };
            function renderStates() {
                document.form2.state.innerHTML = '<option value=""> ------State------ </option>';
                var cc = document.form2.country.options[document.form2.country.selectedIndex].value;
                if (cc == "") return;
                for (var i in countries) {
                    if (countries[i].id == cc) {
                        for (j in countries[i].province) {
                            dojo.place('<option value="' + countries[i].province[j].id + '">' + countries[i].province[j].id + '</option>', dojo.byId("state"), "last");
                        }
                    }
                }
            };
        </script>
    </head>
<body onload="init()">
	<div id="outer">
    	<div id="main">
        	<header:georgia_header id="GeorgiaHeaderRegister" runat="server"></header:georgia_header>
        	<div id="content">
                <div id="levelPathBar">
                	<a  href="index.aspx" >Home &nbsp;</a>&gt;
                    Register
                </div>
            	<div id="content2" style="text-align:center;">
                	<form id="form2" runat="server">
                    <div id="registerDiv">
                    	<div style ="font-size:medium; height: 6px;">Want to know more buyers? Create new account now!<br/></div>
                            <div>★ “marketing my products”a free service from Georgia Global Trade Portal<br/>
                            ★&nbsp; Promote internationally and nationally with this service<br/>
                            ★&nbsp; Let your company and products be known on Georgia Global Trade Portal<br/></div>                                  
                        <div style="background-color:#A3C8E9; color:Red"><span style="float:right;">Note that all fields with an asterisk (<img src="../images/required.gif" border="0" alt="required field">) 
									are required.</span>Basic information</div>
                        <div style="padding:0px;">
                        	<table width="100%">
                            	<tr>
                                	<td class="style1" align ="right" >Email <img alt="required field" src="../images/required.gif" border="0"/></td>
                                    <td class="style6"><asp:textbox id="email" Runat="server"  Width ="200px"></asp:textbox></td>
                                    <td ><asp:Label id="emailErr" runat ="server" ForeColor="#CC0000"></asp:Label></td>
                                </tr>
                                <tr>
                                	<td class="style1" align ="right">Password <img alt="required field" src="../images/required.gif" border="0"/></td>
                                    <td class="style6"><asp:textbox id="pswd" runat="server" maxlength="15" 
                                            Width ="200px" TextMode="Password"></asp:textbox></td>
                                    <td><asp:Label id="pwdErr" runat ="server" ForeColor="#CC0000"></asp:Label></td>
                                </tr>
                            	<tr>
                                	<td class="style1" align ="right">Re-type Password<img alt="required field" src="../images/required.gif" border="0"/></td>
                                    <td class="style6"><asp:textbox id="confirmpswd" runat="server" maxlength="15" Width ="200px" 
                                            TextMode="Password"></asp:textbox></td>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                	<td class="style1" align ="right">Name <img alt="required field" src="../images/required.gif" border="0"/></td>
                                    <td class="style6"><asp:textbox id="userName" runat="server" Width ="130px"></asp:textbox><asp:RadioButton ID="male" runat="server" Text="gentlmen "  Checked ="true" GroupName ="gender" /><asp:RadioButton ID ="female" runat ="server" Text="lady " GroupName ="gender"/> </td>
                                    <td><asp:Label id="unameErr" runat ="server" ForeColor="#CC0000"></asp:Label></td>
                                </tr>
                                <tr>
                                	<td class="style1" align ="right">Telphone number <img alt="required field" src="../images/required.gif" border="0"/></td>
                                    <td class="style6"><asp:textbox id="phone" runat="server" maxlength="50" Width ="200px"></asp:textbox></td>                               </td>
                                    <td><asp:Label id="phoneErr" runat ="server" ForeColor="#CC0000"></asp:Label></td>
                                </tr>
                                <tr>
                                	<td class="style1" align ="right">Mobile phone&nbsp; &nbsp;&nbsp; </td>
                                    <td colspan="2"><asp:textbox id="cellphone" runat="server" maxlength="50" Width ="200px"></asp:textbox></td>
                                </tr></table>
                                 <div style="background-color:#A3C8E9; color:Red"><span style="float:right;">Note that all fields with an asterisk (<img src="../images/required.gif" border="0" alt="required field">) 
									are required.</span>Company information
                                 </div>
                            	<table width="100%">
                                <tr>
                                	<td class="style1" align ="right">Company Name <img alt="required field" src="../images/required.gif" border="0"/></td>
                                    <td class="style6"><asp:textbox id="CompName" runat="server" maxlength="50" Width ="200px"></asp:textbox></td>
                                    <td><asp:Label id="cnameErr" runat ="server" ForeColor="#CC0000"></asp:Label></td>
                               </tr>
                                
                                <tr>
                                	<td class="style1" align ="right">Industry<img alt="required field" src="../images/required.gif" border="0"/></td>
                                    <td class="style6"><asp:dropdownlist id="productField" Runat="server" Width ="200px">
													<asp:ListItem Value=""> ------Please Choose------ </asp:ListItem>												
												</asp:dropdownlist></td>
                                    <td><asp:Label id="industryErr" runat ="server" ForeColor="#CC0000"></asp:Label></td>
                                </tr>
                            	<tr>
                                	<td class="style1" align ="right">Company Location  <img alt="required field" src="../images/required.gif" border="0"/>
                                            </td>
                                    <td class="style6"><select  id="country" name="country" style="width: 70px">
													<option value="" selected="selected" > Country </option>
												</select>

                                                <select id="state" Runat="server" style="width: 140px">
													<option Value=""> ------State------</option>
												</select></td>
                                                <td><asp:Label id="countryErr" runat ="server" ForeColor="#CC0000"></asp:Label><asp:Label id="stateErr" runat ="server" ForeColor="#CC0000"></asp:Label></td>
                                </tr>               
                            	</table>
                                <div style="background-color:#A3C8E9; color:Red">Terms of service</div>
                                <table width="100%">
                            	<tr>
                                	<td class="style1" align ="right">Verification  Code <img alt="required field" src="../images/required.gif" border="0"/></td>
                                    <td class="style6"><asp:textbox id="validate" Runat="server" Width ="50px"></asp:textbox><img id="vcimg" src ="../utils/gif.aspx"  alt="validate code"/><a href="#" onclick="dojo.byId('vcimg').src='../utils/gif.aspx?time='+new Date()">try a new code</a></td>
                                    <td><asp:Label id="validateInfo" runat ="server" ForeColor="#CC0000"></asp:Label></td>
                                </tr>
                                <tr>
                                	<td colspan="2" class="style3" >&nbsp;</td>
                                </tr>
                                <tr>
                                	<td colspan="1" ></td>
                                	<td class="style6">I have read and agree to the<a href="serviceinfo.aspx">“Terms of service”</a></td>
                                </tr>
                                <tr>
                                    <td colspan="1" align ="right" ><asp:CheckBox ID="isInformation" runat="server"/></td>
                                	<td class="style6" >I agree to accept trade information</td>                 
                                </tr>
                                </table>                              
                          
                        </div>
                        <div style="text-align:center;background-color:#A3C8E9;">
									<asp:button id="btnCreate" Runat="server" Text="Become a member of GA International Trade Portal" ></asp:button>
                        </div>
                     </div>
                    </form>
                </div>
       	  </div>
      </div>
        <foot:georgia_foot id="GeorgiaFootRegister" runat="server"></foot:georgia_foot>
    </div>
</body>
</html>

